<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <th:block th:insert="developer/common/header::header"></th:block>
</head>
<body class="nav-md footer_fixed">
<div class="container body">
    <div class="main_container">
        <th:block th:insert="developer/common/header::left"></th:block>
        <th:block th:insert="developer/common/header::top"></th:block>
        <div class="right_col" role="main">
            <div class="row">
                <div class="col-md-12 col-sm-12 col-xs-12">
                    <div class="x_panel">
                        <div class="x_title">
                            <h2 th:inline="text">查看APP信息 <i class="fa fa-user"></i>
                            <small>[[${session.devUserSession.devName}]]</small>
                        </h2>
                            <div class="clearfix"></div>
                        </div>
                        <div class="x_title">
                            <h2>APP基础信息</h2>
                            <div class="clearfix"></div>
                        </div>
                        <div class="x_content1">
                            <form class="form-horizontal form-label-left">
                                <input type="hidden" name="id" th:value="${appInfo.id}">
                                <div class="item form-group">
                                    <label class="control-label col-md-3 col-sm-3 col-xs-12" th:for="name">软件名称 <span
                                            class="required">*</span>
                                    </label>
                                    <div class="col-md-6 col-sm-6 col-xs-12">
                                        <input class="form-control col-md-7 col-xs-12" th:value="${appInfo.softwareName}"
                                               type="text" readonly="readonly">
                                    </div>
                                </div>
                                <div class="item form-group">
                                    <label class="control-label col-md-3 col-sm-3 col-xs-12" th:for="name">APK名称 <span
                                            class="required">*</span>
                                    </label>
                                    <div class="col-md-6 col-sm-6 col-xs-12">
                                        <input type="text" class="form-control col-md-7 col-xs-12"
                                               th:value="${appInfo.APKName}" readonly="readonly">
                                    </div>
                                </div>

                                <div class="item form-group">
                                    <label class="control-label col-md-3 col-sm-3 col-xs-12" th:for="name">支持ROM <span
                                            class="required">*</span>
                                    </label>
                                    <div class="col-md-6 col-sm-6 col-xs-12">
                                        <input class="form-control col-md-7 col-xs-12"
                                               th:value="${appInfo.supportROM}" type="text" readonly="readonly">
                                    </div>
                                </div>
                                <div class="item form-group">
                                    <label class="control-label col-md-3 col-sm-3 col-xs-12" th:for="name">界面语言 <span
                                            class="required">*</span>
                                    </label>
                                    <div class="col-md-6 col-sm-6 col-xs-12">
                                        <input class="form-control col-md-7 col-xs-12" readonly="readonly"
                                               th:value="${appInfo.interfaceLanguage}" type="text">
                                    </div>
                                </div>
                                <div class="item form-group">
                                    <label class="control-label col-md-3 col-sm-3 col-xs-12" th:for="number">软件大小 <span
                                            class="required">*</span>
                                    </label>
                                    <div class="col-md-6 col-sm-6 col-xs-12">
                                        <input type="text" th:value="${appInfo.softwareSize}"
                                               class="form-control col-md-7 col-xs-12" readonly="readonly">
                                    </div>
                                </div>

                                <div class="item form-group">
                                    <label class="control-label col-md-3 col-sm-3 col-xs-12" th:for="number">下载次数 <span
                                            class="required">*</span>
                                    </label>
                                    <div class="col-md-6 col-sm-6 col-xs-12">
                                        <input type="text" th:value="${appInfo.downloads}"
                                               class="form-control col-md-7 col-xs-12" readonly="readonly">
                                    </div>
                                </div>

                                <div class="item form-group">
                                    <label class="control-label col-md-3 col-sm-3 col-xs-12" th:for="select">所属平台 <span
                                            class="required">*</span></label>
                                    <div class="col-md-6 col-sm-6 col-xs-12">
                                        <input type="text" class="form-control col-md-7 col-xs-12"
                                               th:value="${appInfo.flatformName}" readonly="readonly">

                                    </div>
                                </div>
                                <div class="item form-group">
                                    <label class="control-label col-md-3 col-sm-3 col-xs-12" th:for="select">所属分类 <span
                                            class="required">*</span></label>
                                    <div class="col-md-6 col-sm-6 col-xs-12">
                                        <input type="text" class="form-control col-md-7 col-xs-12"
                                               th:value="${appInfo.categoryLevel1Name+'-->'+ appInfo.categoryLevel2Name +'-->'+ appInfo.categoryLevel3Name}"
                                               readonly="readonly">
                                    </div>
                                </div>
                                <div class="item form-group">
                                    <label class="control-label col-md-3 col-sm-3 col-xs-12" th:for="name">APP状态 <span
                                            class="required">*</span>
                                    </label>
                                    <div class="col-md-6 col-sm-6 col-xs-12">
                                        <input type="text" class="form-control col-md-7 col-xs-12"
                                               th:value="${appInfo.statusName}" readonly="readonly">
                                    </div>
                                </div>
                                <div class="item form-group">
                                    <label class="control-label col-md-3 col-sm-3 col-xs-12" th:for="textarea">应用简介
                                        <span class="required">*</span>
                                    </label>
                                    <div class="col-md-6 col-sm-6 col-xs-12">
              <textarea class="form-control col-md-7 col-xs-12" readonly="readonly">
              [[${appInfo.appInfo}]]</textarea>
                                    </div>
                                </div>
                                <div class="item form-group">
                                    <label class="control-label col-md-3 col-sm-3 col-xs-12" th:for="name">LOGO图片 <span
                                            class="required">*</span>
                                    </label>
                                    <div class="col-md-6 col-sm-6 col-xs-12" >

                                            <span th:if="${appInfo.logoPicPath==null||appInfo.logoPicPath==''}">
                                                暂无
                                            </span>


                                                <img  th:unless="${appInfo.logoPicPath==null||appInfo.logoPicPath==''}"
                                                      th:src="${appInfo.logoPicPath}" width="100px;"/>


                                    </div>
                                </div>
                            </form>
                        </div>
                        <div class="clearfix"></div>
                        <div class="x_title">
                            <h2>历史版本列表</h2>
                            <ul class="nav navbar-right panel_toolbox">
                                <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                                </li>
                            </ul>
                            <div class="clearfix"></div>
                        </div>
                        <div class="x_content" style="display: block;">
                            <br>
                            <div id="datatable-responsive_wrapper"
                                 class="dataTables_wrapper form-inline dt-bootstrap no-footer">
                                <div class="row">
                                    <div class="col-sm-12">
                                        <table id="datatable-responsive"
                                               class="table table-striped table-bordered dt-responsive nowrap dataTable no-footer dtr-inline collapsed"
                                               cellspacing="0" width="100%" role="grid"
                                               aria-describedby="datatable-responsive_info" style="width: 100%;">
                                            <thead>
                                            <tr role="row">
                                                <th class="sorting_asc" tabindex="0"
                                                    aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                                    style="width: 70px;"
                                                    aria-label="First name: activate to sort column descending"
                                                    aria-sort="ascending">软件名称
                                                </th>
                                                <th class="sorting" tabindex="0"
                                                    aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                                    style="width: 10px;"
                                                    aria-label="Last name: activate to sort column ascending">
                                                    版本号
                                                </th>
                                                <th class="sorting" tabindex="0"
                                                    aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                                    style="width: 90px;"
                                                    aria-label="Last name: activate to sort column ascending">
                                                    版本大小(单位:M)
                                                </th>
                                                <th class="sorting" tabindex="0"
                                                    aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                                    style="width: 50px;"
                                                    aria-label="Last name: activate to sort column ascending">
                                                    发布状态
                                                </th>
                                                <th class="sorting" tabindex="0"
                                                    aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                                    style="width: 50px;"
                                                    aria-label="Last name: activate to sort column ascending">
                                                    APK文件下载
                                                </th>
                                                <th class="sorting" tabindex="0"
                                                    aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                                    style="width: 50px;"
                                                    aria-label="Last name: activate to sort column ascending">
                                                    最新更新时间
                                                </th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <th:block th:each="appVersion,status:${appVersionList}">
                                                <tr role="row" class="odd" th:inline="text">
                                                    <td tabindex="0" class="sorting_1"><span
                                                            th:text="${appVersion.appName}"></span></td>
                                                    <td><span th:text="${appVersion.versionNo}"></span></td>
                                                    <td><span th:text="${appVersion.versionSize}"></span></td>
                                                    <td><span th:text="${appVersion.publishStatusName}"></span></td>
                                                    <td>
                                                        <a th:href="${appVersion.downloadLink}"><span
                                                                th:text="${appVersion.apkFileName}"></span></a>
                                                    </td>
                                                    <td th:text="${#dates.format(appVersion.modifyDate,'yyyy-MM-dd')}"></td>
                                                </tr>
                                            </th:block>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-md-6 col-md-offset-3">
                                <button type="button" class="btn btn-primary" id="back">返回</button>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                        <br/><br/>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<th:block th:insert="developer/common/footer::js"></th:block>
<script type="text/javascript" th:src="@{/localjs/appinfoview.js}"></script>
</body>
</html>